<template>
	<sPanel class="compStyleTopbar" :padding="padding">
		<slot />
	</sPanel>
</template>

<script>
	export default {
		props: {
			padding: {
				type: [Number, String],
				default: '5px'
			}
		},
		data() { return {}; }
	};
</script>

<style scoped>
	.compStyleTopbar {
		position: relative;

		border-left: 5px solid #1faaf1 !important;

		background: snow;

		font-size: 0px;
	}

	dxxp>* {
		display: inline-block;
		vertical-align: top;

		font-size: 14px;

		margin: 0px 5px 0px 0px;
	}
	dxxp>.atRight {
		float: right;

		margin: 0px 0px 0px 5px;
	}
	dxxp>.atText {
		font-size: 14px;
		line-height: 24px;

		user-select: none;
	}
	dxxp>.atLineHead {
		margin-bottom: 5px;
	}
</style>